/* 	The info box enabling to display a message related to some components, next to them.
	- The info box is a generic box used for any element. The box is left-oriented.
	- The label info box displays a message when rolling over a
		form label. The box is right-oriented.
	- The link info box displays a message when clicking on a
		link. The box is left-oriented.
 */
#infoBox,#labelInfoBox,#linkInfoBox {
	width: 234px;
	height: 91px;
	position: absolute;
	display: none;
	z-index: 1;
	padding: 2px 5px 5px 64px;
	background-position: top left;
	background-repeat: no-repeat;
}

.closeBt {
	background: center center url('../../img/closeBt.png') no-repeat;
	padding: 7px 8px;
	font-size: 1px;
	float: right;
	margin: 0;
	line-height: 8px;
	margin-right: 3px;
	cursor:pointer;
}

/* The generic info box */
#infoBox {
	margin-top: -96px;
	margin-left: 0px;
	background-image: url('../../img/info-win-left.png');
}

#infoBox.leftSided {
	margin-left: -230px;
	background-image: url('../../img/info-win-right.png');
}

#infoBox p {
	width: 225px;
	text-align: left;
}

/* The label info box */
#labelInfoBox {
	z-index: 100000;
	margin-top: -89px;
	margin-left: -40px;
	background-image: url('../../img/info-win-right.png');
}

#labelInfoBox p {
	margin-top: 10px;
	width: 225px;
	text-align: left;
}

#labelInfoBox p em {
	font-weight: normal;
	font-style: italic;
}

#labelInfoBox img {
	display:inline-block;
	vertical-align:bottom;
	margin:2px 0;
}

/* The label info box in a compact form */

.compact #labelInfoBox {
	margin-left: -80px;
}

/* The link info box */
#linkInfoBox {
	width: 301px;
	height: 113px;
	margin-top: -120px;
	margin-left: 0px;
	background-image: url('../../img/info-win-left-large.png');
}

#linkInfoBox.leftSided {
	margin-left: -310px;
	background-image: url('../../img/info-win-right-large.png');
}

#linkInfoBox p {
	width: 300px;
	text-align: left;
}

#linkInfoBox p.boxTitle {
	width: 290px;
	font-weight: bold;
}

#linkInfoBox p.boxMsg {
	height: 50px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 290px;
}

#linkInfoBox a.closeBt {
	padding: 10px 8px 10px 9px;
	margin-right: 1px;
}